<template>
  <div>
    <router-link to="/home" active-class="qqq" exact-active-class="eee">首页</router-link>
    <router-link to="/user">我的</router-link>
    <router-link to="/user?q=1">我的</router-link>
    <router-link to="/qqq">qqq</router-link>
    <!-- 
      router-link-exact-active 什么时候有? 当页面路径和to的地址一摸一样的时候 才会有这个类名
      router-link-active 什么时候有? 当前页面路径 有to的地址的时候 就会有这个类名


     -->
    <router-view></router-view>
    <!-- router-view 是router创造的一个全局组件;用来展示当前路径对应的那个组件 -->
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'XXX',
  data() {
    return {

    }
  },
  components: {

  }
}
</script>
<style lang="less">
</style>